﻿<!--本页面由uniapp切片工具生成，uni-app切片-可视化设计工具(一套代码编译到7个平台iOS、Android、H5、小程序)，软件下载地址：http://www.ymznkf.com/new_view_669.htm -->
<template>
	<view class="YmContent" :animation="animationData" :data-theme="theme">
		<view class="my_1 bg_color" style="width: 100%;">
			<view class="my_3" style="margin-top: 50rpx;margin-bottom: 30rpx;">
				<image v-if="userInfo.leftSquareLogo" click="goEdit()" :src='userInfo.leftSquareLogo' mode="scaleToFill"
					border="0" class="my_4"></image>
				<image v-else src="/static/my/images/my_38_46.jpg" mode="scaleToFill" border="0" class="my_4"></image>
				<view class="my_5" v-if="!isLogin" @tap="openAuto">
					<text decode="true" class="my_7" style="margin:16rpx ;">请点击登录</text>
				</view>
				<view class="my_5" v-else>
					<text decode="true" class="my_7" v-if="userInfo && uid"
						@click="goEdit()">{{userInfo && userInfo.realName && uid ? userInfo.realName : ''}}</text>
					<text decode="true" class="my_8" style="width: 50%;">{{userInfo.account}} UID: {{uid}}</text>
					<view @click="handleUserSetting()"
						style="font-size: 16px; line-height: 36px;text-align: end;color: #FFF;">
						基本信息 <text class="iconfont icon-xiangyou"
							style="vertical-align: top;font-size: 22rpx;margin-left: 6rpx;"></text>
					</view>
				</view>
			</view>
			<view class="my_2" style="height: 100%;width: 100%;">
				<view class="my_9" style="width: 95%;">
					<view
						style="margin: 20rpx 20rpx 0 20rpx;font-weight: bold;font-size: 15px;display: flex;justify-content: space-between;">
						<view class="header-left">
							我的钱包
						</view>
						<view style="color: #808080;" @click="toBasePage(baseManage)">
							<text>查看明细</text>
							<image style="width: 30rpx;height: 32rpx;"
								src="/static/my/images/my_40_40.jpg" mode="scaleToFill" border="0" class="right">
							</image>
						</view>
					</view>
					<view class="my_10" style="margin-top: 20rpx;">
						<text decode="true" class="my_13">保证金</text>
						<text decode="true" class="my_14"
							style="font-size: 36rpx;font-weight: bold;">￥{{baseManage.guaranteedAmount ? baseManage.guaranteedAmount :'***'}}</text>
					</view>
					<view class="my_11">
					</view>
					<view class="my_12" style="margin-top: 20rpx;margin-left: 0;">
						<text decode="true" class="my_18">余额</text>
						<text decode="true" class="my_19"
							style="font-size: 36rpx;font-weight: bold;">￥{{baseManage.balance ? baseManage.balance : '***'}}</text>
					</view>
				</view>
				<!-- 				<view class="my_23">
						<view class="my_24">
							<image v-on:click="my_25_25_click()"  src="/static/my/images/my_25_25.jpg" mode="scaleToFill" border="0"    class="my_25"></image>
							<text decode="true" class="my_26">我的发布</text>
						</view>
						<view class="my_24">
							<image v-on:click="my_28_28_click()"  src="/static/my/images/my_28_28.jpg" mode="scaleToFill" border="0"    class="my_25"></image>
							<text decode="true" class="my_26">我的接单</text>
						</view>
						<view class="my_24">
							<image v-on:click="my_31_31_click()"  src="/static/my/images/my_31_31.jpg" mode="scaleToFill" border="0"    class="my_25"></image>
							<text decode="true" class="my_26">开通会员</text>
						</view>
						<view class="my_24">
							<image v-on:click="my_34_34_click()"  src="/static/my/images/my_34_34.jpg" mode="scaleToFill" border="0"    class="my_25"></image>
							<text decode="true" class="my_26">首页广告</text>
						</view>
					</view> -->
				<view class="card" v-for="(menuItem, index) in centerMenu" :key="index">
					<block v-for="(menu, index2) in menuItem" :key="index2">
						<navigator :url="menu.path">
							<view class="item">
								<image :src="menu.icon" mode="scaleToFill" border="0" class="icon"></image>
								<text decode="true" class="text">{{menu.name}}</text>
								<image src="/static/my/images/my_40_40.jpg" mode="scaleToFill" border="0" class="right">
								</image>
							</view>
						</navigator>
					</block>
				</view>
			</view>
		</view>


		<view class="loading">{{loadingText}}</view>
		<view class="ymBbottom"></view>
	</view>
</template>

<script>
	import my from "./my.js";
	export default my;
</script>

<style lang="scss" scoped>
	@import './my.scss';

	.bg_color {
		@include main_bg_color(theme);
	}

	.card {
		//36
		white-space: normal;
		// width: 365px;
		// height: 262px;
		width: 95%;
		padding-top: 10px;
		padding-bottom: 15px;
		padding-right: 20rpx;
		clear: both;
		margin-top: 12px;
		margin-left: 11px;
		float: left;
		background-color: #ffffff;
		border-radius: 0px;
		font-size: 4px;
	}

	.item {
		//37
		white-space: normal;
		// width: 338px;
		width: 90%;
		height: 49px;
		padding: 0px;
		clear: both;
		margin-top: 10px;
		margin-left: 19px;
		float: left;
		border-bottom-color: #e1e1e1;
		border-bottom-width: 0.5px;
		border-bottom-style: solid;
		border-radius: 0px;
		font-size: 4px;

		.icon {
			//38
			white-space: normal;
			width: 24px;
			height: 23px;
			padding: 0px;
			margin-top: 6px;
			margin-left: 1px;
			float: left;
			border-radius: 0px;
			font-size: 22px;
			line-height: 23px;
		}

		.text {
			//39
			white-space: normal;
			width: 80%;
			height: 24px;
			padding: 0px;
			margin-top: 6px;
			margin-left: 9px;
			float: left;
			border-radius: 0px;
			color: #646464;
			font-size: 16px;
			line-height: 24px;
		}

		.right {
			//40
			white-space: normal;
			width: 15px;
			height: 16px;
			padding: 0px;
			margin-top: 10px;
			// margin-left: 58px;
			float: left;
			border-radius: 0px;
			font-size: 16px;
			line-height: 16px;
		}
	}
</style>